

/**********************************************************************************************************
********
********  GENERAL STYLES
********
***********************************************************************************************************/
/*****************************************************************
	Styles for main document and 2-column containers 
******************************************************************/
body
{

	background-color: #ffffff;
	color: #000033;
	font-size: 70%;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	clear: both;
}


body.emLogo
{
	padding: 0px;
	margin: 0px;
}
.emLogoBackground
{
	width: 100%;
	background-color: #CCCCCC;
	color: #000000;	
	font-size: 8pt;
	font-family:arial,helvetica,sans-serif;
}
div.left_side
{
    padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 220px;
	
    float: left;
}
div.left_side_absolute
{
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 180px;
    position: absolute; 
}
div.right_side
{
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-left: #cccccc 1px dotted;
	width: 550px;
	float: left;

}
div.right_side_with_no_left_border
{
	padding-right: 10px;
	padding-left: 20px;
	left: 240px;
	padding-bottom: 10px;
	width: 550px;
	padding-top: 0px;
	position: absolute;
}
div.left_side_with_results_table
{
	padding-right: 10px;
	padding-left: 15px;
	padding-top: 10px;
	width: 220px;
	float: left;
}
div.right_side_with_results_table
{
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-left: #cccccc 1px dotted;
	width: 550px;
	float: left;
}
div.left_side_nowrap 
{
	padding-right: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 180px;
	float:left;
}
div.right_side_nowrap
{
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-left: #cccccc 1px dotted;
	width: 550px;
	margin:-3px 0px 0px -2px;
	position:relative;
	float:left;
}
div.background_div
{
	border: #cccccc 1px solid;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f4f4f4;
}
div.popupFormContainer
{
	padding-left: 20px;
	padding-right: 20px;
	width: 95%;
}
div.pageTitle, span.pageTitle, p.pageTitle, h1.pageTitle
{
	font-size: 150%;
	font-weight: bold;
    text-align: center;
}
p.instructions, div.instructions
{
	text-align:left;
	margin-left:1.5cm;
	margin-right:1.5cm
}
div.topheader
{
	text-align: center;
	margin-top:10px;
	margin-bottom:-10px;
	padding-right: 10px;
	padding-left: 20px;
	width: 97.7%;
}
div.topheaderNoBottomMargin
{
	text-align: center;
	margin-top:10px;
	padding-right: 10px;
	padding-left: 20px;
	width: 97.7%;
}

/*****************************************************************
	Styles for fieldsets and legends 
*****************************************************************/
.fieldset_center
{
	width: 85%; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
	display: block;
}
.fieldset_invisible
{
	position: relative;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 20px;
}
.fieldset_not_visible
{
	position: relative;
	margin-top: 20px;
	border: #f4f4f4 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.fieldset_nolegend
{
	position: relative;
	margin-top: 0px;
	border: #cccccc 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 20px;
	background-color: #f4f4f4;
}
.fieldset_nolegend_lesspadding
{
	position: relative;
	margin-top: 0px;
	border: #cccccc 1px solid;
	padding: 2px;
	background-color: #f4f4f4;
}
fieldset, .divFieldset
{
	position: relative;
	margin-top: 0px;
	border: #cccccc 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #f4f4f4;
}
.fieldset2
{
	position: relative;
	margin-top: 0px;
	border: #cccccc 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #FAFAFA;
}
legend, .divFieldset > #legend
{
	position: relative;
	margin-top:-10px;
	margin-bottom:7px;
	background:#ffffff;
	border:1px solid #cccccc;
	padding: 2px 5px;
	font-weight: bold;
	text-align:left;
}
legend a
{
    color:#0000FF;
    text-decoration:underline;
    cursor:pointer;
}

/*****************************************************************
	Styles for page "containers"
*****************************************************************/
div.centered, table.centered
{
    margin-left: auto;
    margin-right: auto;
}
div.faqcontainer
{
	border: 1px solid #003365; 
	padding: 10px; 
	width: 550px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #ffffff;
}
div.faqbox
{
	padding: 10px;
	border-top: #002233 1px solid;
	border-bottom: #002233 1px solid;
	left: 10px;
	width: 490px;
	background-color: #ffffff;
}
div.boundedInstructions
{
	padding: 5px; 
	border-top: #002233 1px solid;
	border-bottom: #002233 1px solid;
	background-color: #ffffff;
}
div.refineReportInstructions
{
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
}
div.reviewerCommentsBox
{
	padding: 10px;
	border: #002233 1px solid;
	background-color: #ffffff;
}
div.centeredboxlesspadding
{ 
	padding: 2px; 
	width: 90%; 
	max-width: 650px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
}
div.centeredboxlesspaddingleft
{ 
	padding: 2px; 
	width: 90%; 
	max-width: 650px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
    background-color: #f4f4f4;
	text-align:left;
	line-height:14px;
}
div.centeredboxlesspaddingleft_nobackground
{ 
	padding: 2px; 
	width: 90%; 
	max-width: 650px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	text-align:left;
	line-height:14px;
}
div.centeredbox
{ 
	padding: 10px; 
	width: 90%; 
	max-width: 650px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
}
div.centeredboxalt
{ 
	padding: 10px; 
	width: 90%; 
	max-width: 650px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	line-height:14px;
}
div.centeredboxlarge
{ 
	padding: 10px; 
	width: 90%; 
	max-width: 780px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:center;
}
div.searchResultlarge
{ 
	padding: 10px; 
	width: 90%; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:center;
}
div.centeredboxlargenoborder
{ 
	padding: 10px; 
	width: 90%; 
	max-width: 780px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:center;
}
div.centeredboxlargewithborder
{ 
	padding: 0px; 
	width: 100%; 
	max-width: 1000px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:left;
    border: 1px solid #cccccc; 
}
div.centeredboxlargealt
{ 
	padding: 10px; 
	width: 90%; 
	max-width: 600px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:center;
}
div.scrollboxDiv
{ 
	padding: 2px; 
	width: 300px; 
	height: 400px;
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:left;
	overflow:auto;
}
div.ShadedLeftAlignDiv
{ 
	padding: 2px; 
	line-height:14px;
	text-align:left;
}
fieldset.centeredboxForControlFieldSet
{ 
	padding: 2px; 
	width: 650px; 
	margin-top: 10px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #CCCCCC;
	line-height:14px;
	text-align:center;
}
.panelShadedWide
{
	background-color: #CCCCCC;
	width: 780px;
	text-align:center;
}
div.centeredboxlargenowidth
{ 
	padding: 10px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:1.4em ;
	text-align:center;
}
div.centeredboxlargenowidthNoBorder
{ 
	padding: 10px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #f4f4f4;
    line-height:1.4em; 
	text-align:center;
}
div.centeredboxlargeLeft
{ 
	padding: 10px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:left;
}
div.centeredboxLeft
{ 
	padding: 10px; 
	width: 90%; 
	max-width:650px;
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #f4f4f4;
	line-height:14px;
	text-align:left;
}
div.centeredboxlargenopadding
{ 
	width: 90%; 
	max-width: 750px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto; 
	line-height:14px;
}
div.centeredboxwidthofscreen
{
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	text-align: center;
}
div.enclosedWhiteBox
{
	padding: 10px; 
	margin-top: auto; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	border: 1px solid #cccccc; 
	background-color: white;
	line-height:14px;
}
div.messageBox
{ 
	padding: 2px; 
	width: 90%; 
	max-width: 650px; 
	margin-top: 5px; 
	margin-left: auto; 
	margin-right: auto;
    margin-bottom: 5px;
	border: 1px solid #cccccc; 
	background-color: #f4f4f4;
	line-height:14px;
}



/*****************************************************************
Element Styles for browser consistency
******************************************************************/


a:hover
{
	text-decoration: underline
}
input[type="text"], input[type="password"], input:not([type]), textarea, 
input[type="button"].txt_disabled, input[type="button"].req_disabled
{
    border-width: 1px;
    border-color: #f0f0f0;
    border-style: inset;
    border-radius: 0px;
    padding: 2px;
    margin: 0;
    font-size: 100%;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
}
select
{
    border-width: 1px;
    border-color: #f0f0f0;
    border-style: inset;
    border-radius: 0;
    padding: 0px 0px 0px 1px;
    font-size: 95%;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
	color: #000000;
	vertical-align: middle;
	margin-top: 2px;
	margin-bottom: 2px;
    cursor: pointer;
}
select:not([multiple]) 
{
    /* make arrow and background */
    background: linear-gradient(45deg, transparent 50%, #888 50%),
                linear-gradient(135deg, #888 50%, transparent 50%),
                linear-gradient(to right, #000, #e6e6e6 1px),
                linear-gradient(to left, #fff, #fff);
    background-position: calc(100% - 12px) calc(8px),
                         calc(100% - 8px) calc(8px),
                         100% 0,
                         100% 0;
    background-size: 4px 4px,
                     4px 4px,
                     24px 18px,
                     100% 18px;
    background-repeat: no-repeat;

    /* styling and reset */
    padding: 1px 25px 1px 1px;
    min-width: 36px;
    height: 18px;
    /* reset */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
}
select::-ms-expand 
{
    display: none;
}
select:not([multiple]):hover 
{
    background: linear-gradient(45deg, transparent 50%, #454545 50%), 
                linear-gradient(135deg, #454545 50%, transparent 50%), 
                linear-gradient(to right, #000, #dadada 1px),
                linear-gradient(to left, #fff, #fff);
    background-position: calc(100% - 12px) calc(8px),
                         calc(100% - 8px) calc(8px),
                         100% 0,
                         100% 0;
    background-size: 4px 4px,
                     4px 4px,
                     24px 18px,
                     100% 18px;
    background-repeat: no-repeat;
}
input[type="button"], input[type="submit"], input[type="file"], button[type="button"]
{
    padding: 1px 5px;
    color: #003365;
	font-weight: normal;
    font-size: 100%;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    background-color: #cecece;
    background-image: linear-gradient(#e4e4e4 50%, #cecece 100%);
    border: 1px solid #cecece;
    border-radius: 0.35em;
    box-shadow: 1px 1px 2px #555555;
    cursor: pointer;
}
input[type="file"]
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    outline: 0 !important;
}
input[type="text"].browse
{
    border-style: solid;
}
input[type="button"]:focus, input[type="file"]:focus, input[type="submit"]:focus, button[type="button"]:focus
{
    background-image: linear-gradient(#dedede 50%, #adadad 100%);
    border:1px solid #777777;
    outline: 0 !important;
}
input[type="button"]:hover, input[type="file"]:hover, input[type="submit"]:hover, button[type="button"]:hover
{
    background-image: linear-gradient(#dedede 50%, #adadad 100%);
    border:1px solid #777777;
    cursor: pointer;
}
input[type="button"]:active, input[type="file"]:active, input[type="submit"]:active, button[type="button"]:active
{
    background-color: #e4e4e4;
    background-image: none;
    box-shadow: inset 1px 1px 2px #555555;
    outline: 0 !important;
}
input[type="button"]:disabled, input[type="file"]:disabled, input[type="submit"]:disabled, button[type="button"]:disabled
{
    border:1px solid #cecece;
    box-shadow: 1px 1px 2px #777777;
    color:#999999;
}
input[type="button"]:hover:disabled, input[type="file"]:hover:disabled, input[type="submit"]:hover:disabled, button[type="button"]:hover:disabled
{
    border:1px solid #cecece;
    background-image: linear-gradient(#e4e4e4 50%, #cecece 100%);
    box-shadow: 1px 1px 2px #777777;
    color:#999999;
    outline: 0 !important;
}
/*****************************************************************
Styles and Style Classes for hyperlinks
*****************************************************************/
.linkInActiveXSmallBold
{
	font-size: x-small;
	color: #808080;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkInActiveXSmallBold:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
.linkInActiveXSmallBold:active
{
	color: #9b0521;
}
.linkInActiveXSmall
{
	font-size: x-small;
	color: #808080;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkActive
{
	cursor: pointer;
	color:blue;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkInActiveXSmall:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
.linkInActiveXSmall:active
{
	color: #9b0521;
}
.linkBlackXSmall
{
	font-size: x-small;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkBlackXSmall:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
.linkBlackXSmall:active
{
	color: #9b0521;
}
a.linkRedXSmall:link
{
	font-size: x-small;
	color: #ff0000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
a.linkRedXSmall:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
a.linkRedXSmall:active
{
	color: #9b0521;
}
.linkBlackXXSmall
{
	font-size: xx-small;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkBlackXXSmall:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
.linkBlackXXSmall:active
{
	color: #9b0521;
}
.linkBlackXSmallBold
{
	font-weight:bold;
	font-size: x-small;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkBlackXSmallBold:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
.linkBlackXSmallBold:active
{
	color: #9b0521;
}
a.linkRedXSmallBold:link
{
	font-weight:bold;
	font-size: x-small;
	color: #ff0000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
a.linkRedXSmallBold:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
a.linkRedXSmallBold:active
{
	color: #9b0521;
}
.linkBlackSmall
{
	font-size: inherit;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	vertical-align: middle;
}
.linkBlackSmall:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
    text-decoration: none;
}
.linkBlackSmall:active
{
	color: #9b0521;
}
.linkBlackSmallBold
{
	font-weight:bold;	
	font-size: small;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.linkBlackSmallBold:hover
{
	cursor: pointer;
	cursor: hand;
	color: #9b0521;
}
.linkBlackSmallBold:active
{
	color: #9b0521;
}
.linkSearchHitXSmall
{
	font-size: x-small;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-weight: bold;
}
.linkSearchHitXSmall:hover
{
	cursor: pointer;
	cursor: hand;
	color: #cc9900;
}
.linkSearchHitXSmall:active
{
	color: #cc9900;
}
a.disabled
{
    pointer-events: none !important;
    cursor: default;
    color: #b3b3b3
}
a.special
{
	right: 25px;
	left: 386px;
	padding: 0px;
	width: 150px;
	position: relative;
	top: -4px;
	text-align: right;
}
a.what-is-orcid 
{	
	width: 100px;
	left: 185px;
	display: block;
	position: relative;
	text-align: left;
}
a.what-is-orcid-login 
{	
	width: 100px;
	display: block;
	position: relative;
	text-align: left;
}
.orcidRegButton 
{
    background-color:#cecece;
    background-image: linear-gradient(#ffffff 50%, #cecece 100%);
    background-image:-webkit-linear-gradient(top, #ffffff 50%, #cecece 100%);
    background-image:-moz-linear-gradient(top, #ffffff 50%, #cecece 100%);
    border:1px solid #cecece;
    padding:1px 5px;
    border-radius:0.35em;
    box-shadow: 1px 1px 2px #555555;
    cursor: pointer;
    color:#003365;
    line-height: 24px;
    vertical-align: middle;
}
.orcidRegButton:hover
{
    background-image: linear-gradient(#dedede 50%, #adadad 100%);
    border:1px solid #777777;
    cursor: pointer;
}
.orcidRegButton:active
{
    background-color: #e4e4e4;
    background-image: none;
    box-shadow: inset 1px 1px 2px #555555;
    outline: 0 !important;
}
.orcidRegButtonText 
{
    text-align:center;
    vertical-align: super;
    padding-left:5px;
    font-size: 85%;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.ascoRegButton 
{
background-color:#cecece;
background-image: linear-gradient(#ffffff 50%, #cecece 100%);
background-image:-webkit-linear-gradient(top, #ffffff 50%, #cecece 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #cecece 100%);
border:1px solid #cecece;
padding:1px 5px;
border-radius:0.35em;
box-shadow: 1px 1px 2px #555555;
cursor: pointer;
color:#003365;
line-height: 24px;
vertical-align: middle;
}
.ascoRegButton:hover
{
background-image: linear-gradient(#dedede 50%, #adadad 100%);
border:1px solid #777777;
cursor: pointer;
}
.ascoRegButton:active
{
background-color: #e4e4e4;
background-image: none;
box-shadow: inset 1px 1px 2px #555555;
outline: 0 !important;
}
.ascoRegButtonText 
{
text-align:center;
vertical-align: super;
padding-left:5px;
font-size: 85%;
font-family: verdana, geneva, arial, helvetica, sans-serif;
}
.links
{
	margin-top: 10px;
	font-size: 100%;  /* CHECK THIS */
	left: 60px;
	margin-bottom: 10px;
	width: 400px;
	position: relative;
	text-align: center;
}
.links2
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.links3
{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	font-size: 100%;
	text-align: center;
}

/*****************************************************************
	Styles for buttons
*****************************************************************/
div.buttons 
{
    text-align:center
}
div.buttons input 
{
    margin-left:1.5em;
}
div.buttons>:first-child 
{
     margin-left:0em
}
div.buttonAlign
{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 5px;
}
div.buttonAlign input[type="button"], div.buttonAlign input[type="submit"], div.buttonAlign button[type="button"]
{
    margin: 0.5em;
}
div.buttonAlignEM
{
	text-align: center;
	padding-left: 1em;
	padding-right:1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
input[type="button"].powerGridButton
{
    color: #385981;
    background-color: #d0e3f5;
    background-image: linear-gradient(#c8d8ed 50%, #d0e3f5 100%);
    border: 1px solid #d0e3f5;
}

/*****************************************************************
	Style for page titles
*****************************************************************/

.left_side h1, .right_side h1, .topheader h1
{
padding-bottom: 4px;
font-size: 150%;
}
h3
{
	padding-bottom: 4px;
	font-size: 150%;
}
.faqtitle
{
	font-weight: bold;
	font-size: 160%;
}
.bigtitle
{
	font-weight: bold;
	font-size: 140%;
}

/*#EDM-28934 VM 20230126.Accessibility Improvements*/

.topheader h1, #previewPageTitle, #warningPageTitle, .centered h1, .left_side_with_results_table h1
{
	padding-bottom: 4px;
	font-size: 150%;
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

/*****************************************************************
	Styles for various general text elements
*****************************************************************/
div.warningbox_enclosed
{
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
	border-right: #cc0000 1px solid;
	border-left: #cc0000 1px solid;
	background-color: #f4f4f4;
}
div.warningbox_enclosed_bold
{
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
	border-right: #cc0000 1px solid;
	border-left: #cc0000 1px solid;
	background-color: #f4f4f4;
}
div.warningbox_enclosed_medium
{
	margin-top: 1em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	margin-left: 2em;
	margin-right: 2em;
	border-top: #cc0000 double;
	border-bottom: #cc0000 double;
	border-right: #cc0000 double;
	border-left: #cc0000 double;
	background-color: #f4f4f4;
}
div.warningbox
{
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
	left: 10px;
	width: 95%;
	background-color: #f4f4f4;
}
div.box
{
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-top: #002244 1px solid;
	border-bottom: #002244 1px solid;
	left: 10px;
	width: 95%;
	background-color: #f4f4f4;
}
div.boxClosed
{
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border: #002244 1px solid;
	left: 10px;
	width: 95%;
	background-color: #f4f4f4;
}
.warning
{
	color: #cc0000;
}
.disabled-text
{
    color: #999999;
}
.errorText, .error-text
{
    font-weight: bold;
    color: #ff0000;
}
.redtext
{
	color: #cc0000;
}
.redtextBold
{
	color: #cc0000;
	font-weight: bold;
}
.greentext
{  
	color: #008800;
}
.orangetext
{
	color: #EE6600
}
.orangetext2
{
	color: #FF6600
}
.blacktext
{
	color: #000000;
}
.important2
{
	font-size: 105%;
}

.important2 a:hover
{
	color: #6699cc;
}
.important2 a:active
{
	color: #ff3333;
}
.important3
{
	font-weight: bold;
}
.important3 a:link
{
	color: #003365;
	text-decoration: none;
}
.important3 a:hover
{
	color: #6699cc;
}
.important3 a:active
{
	color: #ff3333;
}

.texthighlight
{
	font-weight: bold;
}
.texthighlightCentered
{
	font-weight: bold;
	text-align: center;
}
.important
{
	color: #003365;
	font-weight: bold;
}
.important_content
{
	word-break: normal;
	overflow-wrap: anywhere;
}
p.content
{
	text-align:justify;
}
.centered
{
	text-align: center;
}
div.centered-div
{
    margin-left: auto;
    margin-right: auto;
}
.rightAligned
{
	text-align: right;
}
.leftAligned
{
	text-align: left;
}
.topAligned
{
    vertical-align: top;
}
.right
{
    float: right;
}
.alertText
{
	color: #cc0000;
}
.alertTextCentered
{
	color: #cc0000;
	text-align: center;
}
.italic
{
	font-style: italic;
}
.italic90
{
	font-style: italic;
    font-size: 90%;
}
.hiddenText
{
	color: #808080;
	font-style: italic;
}
.hide 
{
    display: none;
}

/*****************************************************************
	Styles for various general form elements
*****************************************************************/

/*
.faded_for_hidden_item
{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}
*/
.faded_for_hidden_item
{
	color:#AAAAAA;
}
input.txt
{
	font-size: 100%;
	height: 18px;
	vertical-align: middle;
	line-height: 18px;
	width: 200px;
	color: #000000;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
}
input[type="button"].txt_disabled, input[type="button"].req_disabled
{
	background-color: #e0e0e0;
    background-image: none;
    box-shadow: none;
    font-size: 100%;
	height: 18px;
	vertical-align: middle;
	line-height: 18px;
    cursor: pointer;
	width: 206px;
	color: #000000;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}
input.txt.disabled
{
	background-color: #e0e0e0;
}
.txtarea:disabled
{
	background-color: #e0e0e0;
}
.txtarea
{
	vertical-align: middle;
	color: #003366;
	background-color: #ffffff;
	padding: 2px; 
	width: 100%;
}
/* class txtarea that ranges from 5 to 20 lines */
.txtarea_block
{
	border: #999999 1px solid;
	vertical-align: middle;
	color: #003366;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
    min-height: 75px;
    // max-height is applied through javacript on EMDetails.aspx // TT 25624
}
/* class grey txtarea that ranges from 1 to 20 lines */
.txtarea_block_grey
{
	border: #f4f4f4 1px solid;
	vertical-align: middle;
	color: #003366;
	background-color: #f4f4f4;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
    min-height: 15px;
    max-height: 280px;
}
.radio
{
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	vertical-align: middle;
}
.listmenu
{
	border: #003365 1px solid;
	vertical-align: middle;
	color: #003366;
	background-color: #ffffff;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 225px;
}
.checkbox 
{ 
    vertical-align: middle; 
}
.disabledDisplay,
input.txt.disabledDisplay,
input.req.disabledDisplay,
input.radio.disabledDisplay,
input.button.disabledDisplay,
select.dropdown.disabledDisplay
{
    color: #000000;
    background-color: #e0e0e0;
    cursor: text;
}

